<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据添加</title>
    <script src="../js/utils/mock-min.js"></script>
    <script src="../js/utils/jquery.min.js"></script>
    <script src="../js/utils/idadd.js"></script>
    <script src="../js/api/mockAddTea.js"></script>
    <script src="../js/compotents/addTea.js"></script>
    <style>
        .box {
            width: 500px;
            height: 500px;
            /* border: 1px solid red; */
            margin: auto;
        }
        
        .imgbox {
            width: 100px;
            height: 100px;
            border: 1px solid red;
        }
        
        img {
            width: 100px;
            height: 100px;
        }
        
        textarea {
            width: 480px;
            height: 100px;
        }
        
        button {
            margin-left: 30px;
        }
    </style>
</head>

<body>
    <!-- 茶  class类     id  teaName   teaType(0-6)  teaImg teaPrice  teaDescribe  使用<textarea name="" id="" cols="10" rows="10"></textarea> -->
    <div class="box">
        <!-- 茶叶名称 -->
        茶叶名称<input type="text" name="teaName">
        <!-- 茶叶类型 -->
        <select name="teaType" id="">
            <option value="0">绿茶</option>
            <option value="1">黄茶</option>
            <option value="2">乌龙茶</option>
            <option value="3">红茶</option>
            <option value="4">黑茶</option>
            <option value="5">白茶</option>
            <option value="6">花茶</option>
        </select><br><br>
        <!-- 茶叶图片 -->
        <input type="file" onchange="getvalue()" id="fileinput"><br><br>
        <div class="imgbox"></div><br>
        <!-- 茶叶价格 -->
        茶叶价格<input type="text" name="teaPrice"><br><br>
        <!-- 茶叶表述 -->
        <textarea name="teaDescribe" id="" cols="30" rows="10"></textarea><br><br>
        <!-- 添加按钮 -->
        <button onclick="addTea()">添加茶叶</button>
    </div>
</body>

</html>